<head>
<style type="text/css">
body {margin : 0px}
.start {background-color : gray; height : 600px}
.half {background-color : red; height : 50%}
.quarter {background-color : rgb(250, 125, 0); height : 25%}
.eighth {background-color : yellow; height : 12.5%}
.sixteenth {background-color : green; height : 6.25%}
.thirtysecond {background-color : blue; height : 3.125%}
.sixtyfourth {background-color : purple; height : 1.5625%}
</style>
</head>
<body>
  <div class="start">
    <div class="half"></div>
    <div class="quarter"></div>
    <div class="eighth"></div>
    <div class="sixteenth"></div>
    <div class="thirtysecond"></div>
    <div class="sixtyfourth"></div>
  </div>
</body>
